@charset "utf-8";
/* CSS Document */
a{
	text-decoration: none;
	}
#container{
	height: 88px;
	width:auto;
	background:#015591;
	}
.menu{
	height: 88px;
	width: 150px;
	background:#339;
	float:left;
	transition: all .3s ease-out;
	
	
	}
.menu1{
	height: 88px;
	width: 150px;
	background:#63F;
	float:left;
	transition: all .3s ease-out;
	
	
	}
.menu2{
	height: 88px;
	width: 150px;
	background:#660099;
	float:left;
	transition: all .3s ease-out;
	
	}


.p1{
	font-family:"Comic Sans MS", cursive;
	font-size:12px;
	color:#F90;
	position: relative;
	width:109px;
	transition: all .3s ease-in-out;
	
	}
.p2{
	font-family:"Comic Sans MS", cursive;
	font-size:12px;
	color:#F90;
	position:relative; 
	transition: all .3s ease-in-out;
	}
.menu:hover{
	width:705px;
	}
.menu1:hover{
	width:705px;
	}
.menu2:hover{
	width:705px;
	}
.menu:hover .p1{
	color:#FFFFFF;
	}
.menu:hover .p2{
	color:#3F0;
	}
.menu1:hover .p1{
	color:#FFFFFF;
	}
.menu1:hover .p2{
	color:#3F0;
	}
.menu2:hover .p1{
	color:#FFFFFF;
	}
.menu2:hover .p2{
	color:#3F0;
	}